/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 2, 2015, 3:04:20 PM
    Author     : Thosan Girisona S
*/

.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{
    border-bottom:2px solid whitesmoke;
    padding-bottom:0;
    background-color:transparent}

.navbar-nav{padding:10px 0;margin-right: 10%;}
.navbar-nav>li{margin:0 10px}
.navbar-nav>li>a{
    -moz-transition-property:all;
    -o-transition-property:all;
    -webkit-transition-property:all;
    transition-property:all;
    -moz-transition-duration:0.1s;
    -o-transition-duration:0.1s;
    -webkit-transition-duration:0.1s;
    transition-duration:0.1s;
    -moz-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    padding-left:3px;padding-right:3px;padding-top:5px;padding-bottom:5px;border-bottom:2px solid transparent;
    font-size:23px;
    color:whitesmoke;
    font-weight:700}

.navbar-header{ margin-left: 10%;}
.navbar-brand{padding:10px 15px;}
.navbar-brand img{width:74px;height:auto;}

.navbar-nav>li.active>a{
    border-bottom:2px solid whitesmoke;
    padding-bottom:0;
    background-color:transparent}
.navbar{
    z-index: 3;
}

.overlay-blur{
    position: fixed;
    width: 100%;
    height: 7%;
    z-index: 2;
    background: #080d15;
    opacity: .8;
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.list-inline li {
	background: none repeat scroll 0 0 #B5B5B5;
	border: 2px solid #B5B5B5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	height: 81px;
	line-height: 81px;
	margin: 0 8px 0 0;
	padding: 0;
	width: 81px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.list-inline li:hover {
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
.list-inline li a {
	color: #EDEFF1;
}
.list-inline li:hover {
	border: 2px solid #2c3e50;
	background: #2c3e50;
}
.list-inline li a i {
	font-size: 30px;
	margin: 0 0 0 15px;
	color: white ;
}

